<template>
	<view class="content">
		<view class="top-bar">
			<view class="top-bar-right" @tap="toSignUp()">
				<view class="search">
					<view class="text">
						注册
					</view>
				</view>

			</view>
		</view>
		<view class="logo">
			<image src="../../static/images/signin/huo.png" mode=""></image>
		</view>
		<view class="main">
			<view class="title">
				登录
			</view>
			<view class="slogan">
				你好，欢迎来到yike！
			</view>
			<view class="inputs">
				<input class="usr" @blur="getuser" type="text" placeholder="用户名/邮箱" placeholder-style="color:#aaa;font-weight:400;" />
				<input class="psw" @blur="getpsw" type="password" placeholder="密码" placeholder-style="color:#aaa;font-weight:400;" />
			</view>
			<view class="tips">
				输入用户名或密码错误！
			</view>
		</view>
		<view class="submit" @tap="testFun()">
			登录
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user: '',
				psw: '',
				token: ''
			}
		},
		methods: {
			//后台测试链接
			testFun: function() {
				// uni.request({
				// 	// 数据库测试
				// 	url:'http://192.168.43.201:3000/test',
				// 	data:{

				// 	},
				// 	method:'GET',
				// 	success:(data)=>{
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//邮箱
				// 	url:'http://192.168.43.201:3000/mail',
				// 	data:{
				// 		mail:this.user
				// 	},
				// 	method:'POST',
				// 	success:(data)=>{
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//添加用户
				// 	url:'http://192.168.43.201:3000/signup/add',
				// 	data:{
				// 		name:'猪八戒',
				// 		mail:'567@qq.com',
				// 		pwd:'admin',
				// 	},
				// 	method:'POST',
				// 	success:(data)=>{
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//是否占用
				// 	url:'http://192.168.43.201:3000/signup/judge',
				// 	data:{
				// 		data:"123",
				// 		type:'mail'
				// 	},
				// 	method:'POST',
				// 	success:(data)=>{
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//登录验证
				// 	url:'http://192.168.43.201:3000/signin/match',
				// 	data:{
				// 		//sunwukong 123456
				// 		//admin admin
				// 		data:"admin",
				// 		pwd:'admin'
				// 	},
				// 	method:'POST',
				// 	success:(data)=>{
				// 		console.log(data);
				// 		this.token = data.data.back.token;
				// 	}
				// });
				// uni.request({
				// 	//用户查询
				// 	url:'http://192.168.43.201:3000/search/user',
				// 	data:{
				// 		data:"小明",
				// 	},
				// 	method:'POST',
				// 	success:(data)=>{
				// 		console.log(data);
				// 	}
				// });

				// id:'6033b5418862ae2838f09481'//这个是孙悟空
				// uni.request({
				// 	//用户详情
				// 	url:'http://192.168.43.201:3000/user/userdetail',
				// 	data:{
				// 		id:'6033b5418862ae2838f09481',
				// 	},
				// 	method:'POST',
				// 	success:(data)=>{
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//无密码修改信息
				// 	url:'http://192.168.43.201:3000/user/update',
				// 	data:{
				// 		// id:'60326af8160fa854f8f9bc98',//这个是admin
				// 		id:'6033b5418862ae2838f09481',//另一个
				// 		data:"唐僧",
				// 		type:'name',
				// 	},
				// 	method:'POST',
				// 	success:(data)=>{
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//有密码修改信息
				// 	url:'http://192.168.43.201:3000/user/update',
				// 	data:{
				// 		id:'6033b5418862ae2838f09481',
				// 		data:"124@qq.com",
				// 		type:'email',
				// 		pwd:"123456"
				// 	},
				// 	method:'POST',
				// 	success:(data)=>{
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//好友申请
				// 	url: 'http://192.168.43.201:3000/friend/applyfriend',
				// 	data: {
				// 		uid:'60326af8160fa854f8f9bc98',//这个是admin
				// 		fid: '603644c16eab6bb884eaca23', //另一个
				// 		msg: "嘿，老baby！",
				// 	},
				// 	method: 'POST',
				// 	success: (data) => {
				// 		console.log(data);
				// 	}
				// });
				// /friend/updatefriendstate
				// uni.request({
				// 	//同意加为好友
				// 	url: 'http://192.168.43.201:3000/friend/updatefriendstate',
				// 	data: {
				// 		uid:'60326af8160fa854f8f9bc98',//这个是admin
				// 		fid: '603644d86eab6bb884eaca24', //另一个
				// 	},
				// 	method: 'POST',
				// 	success: (data) => {
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//拒绝加为好友
				// 	url: 'http://192.168.43.201:3000/friend/deletefriend',
				// 	data: {
				// 		uid:'60326af8160fa854f8f9bc98',//这个是admin
				// 		fid: '6033b5418862ae2838f09481', //另一个
				// 	},
				// 	method: 'POST',
				// 	success: (data) => {
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//好友列表获取
				// 	url: 'http://192.168.43.201:3000/index/getusers',
				// 	data: {
				// 		uid:'60326af8160fa854f8f9bc98',//这个是admin
				// 		state: 0, //另一个
				// 	},
				// 	method: 'POST',
				// 	success: (data) => {
				// 		console.log(data);
				// 	}
				// });
				// /index/getonemsg
				// uni.request({
				// 	//最后一条消息
				// 	url: 'http://192.168.43.201:3000/index/getonemsg',
				// 	data: {
				// 		uid:'60326af8160fa854f8f9bc98',//这个是admin
				// 		fid: '6033b5418862ae2838f09481',
				// 	},
				// 	method: 'POST',
				// 	success: (data) => {
				// 		console.log(data);
				// 	}
				// });
				// /index/updatemsg
				// uni.request({
				// 	//设为已读
				// 	url: 'http://192.168.43.201:3000/index/updatemsg',
				// 	data: {
				// 		uid:'60326af8160fa854f8f9bc98',//这个是admin
				// 		fid: '6033b5418862ae2838f09481',
				// 	},
				// 	method: 'POST',
				// 	success: (data) => {
				// 		console.log(data);
				// 	}
				// });
				// uni.request({
				// 	//最后一条消息
				// 	url: 'http://192.168.43.201:3000/index/unreadmsg',
				// 	data: {
				// 		uid:'60326af8160fa854f8f9bc98',//这个是admin
				// 		fid: '6033b5418862ae2838f09481',
				// 	},
				// 	method: 'POST',
				// 	success: (data) => {
				// 		console.log(data);
				// 	}
				// });
				uni.request({
					//最后一条消息
					url: 'https://music.163.com/api/playlist/detail',
					data: {
						
					},
					method: 'POST',
					success: (data) => {
						console.log(data);
					}
				});
			},
			//token测试代码
			testToken: function() {
				uni.request({
					//登录验证
					url: 'http://192.168.43.201:3000/signin/token',
					data: {
						token: this.token,
					},
					method: 'POST',
					success: (data) => {
						console.log(data);
					}
				});
			},
			//跳转到注册页面
			toSignUp: function() {
				uni.navigateTo({
					url: '../signup/signup'
				})
			},
			//获取用户名
			getuser: function(e) {
				this.user = e.detail.value;
			},
			//获取密码
			getpsw: function(e) {
				this.psw = e.detail.value;
			},
			//登录提交
			login: function() {
				//console .log(this.user,this.psw);
				if (this.user && this.psw) {
					//提交后台

				}
			}
		}
	}
</script>

<style lang="scss">
	@import "../../commons/css/mycss.scss";

	.logo {
		text-align: center;

		image {
			padding-top: 256rpx;
			width: 194rpx;
			height: 92rpx;
			margin: 0 auto;
		}
	}

	.main {
		padding: 54rpx $uni-spacing-col-lg 120rpx;
		width: 100%;
		box-sizing: border-box;

		.title {
			font-size: 56rpx;
			font-weight: 500;
			color: $uni-text-color;
			line-height: 80rpx;
		}

		.slogan {
			font-size: 40rpx;
			color: $uni-text-color-grey;
			line-height: 56rpx;
		}

		.inputs {
			padding-top: 48rpx;

			input {
				padding-top: 40rpx;
				height: 88rpx;
				font-size: $uni-font-size-lg;
				font-weight: 500;
				color: $uni-text-color;
				line-height: 88rpx;
				border-bottom: 1px solid $uni-border-color;
			}

			.psw {
				padding-top: 8rpx;
			}

		}

		.tips {
			float: left;
			font-size: $uni-font-size-lg;
			color: $uni-color-warning;
			line-height: 56rpx;
		}
	}

	.submit {
		text-align: center;
		width: 520rpx;
		line-height: 96rpx;
		background: $uni-color-primary;
		box-shadow: 0rpx 50rpx 32rpx -36rpx rgba(255, 228, 49, 0.4);
		border-radius: 48rpx;
		font-size: $uni-font-size-lg;
		font-weight: 500;
		color: $uni-text-color;
		margin: 0 auto 96rpx;
	}
</style>
